<section style="background: #ffffff; border-radius: 12px; padding: 30px; margin: 25px 0; box-shadow: 0 4px 20px rgba(0,0,0,0.08);">
  <div style="font-family: 'Segoe UI', 'PingFang SC', sans-serif;">
    <h1 style="font-size: 50px; color: #FF6B6B; text-align: center; margin: 0 0 15px; font-weight: 700;">
      <span style="display: inline-block; background: #FF6B6B; color: white; padding: 8px 24px; border-radius: 8px;">
        01
      </span>
    </h1>
    
    <h2 style="font-size: 28px; color: #4ECDC4; text-align: center; margin: 0 0 20px; font-weight: 600;">
      <span>
        文章标题示例
      </span>
    </h2>
    
    <div style="background: rgba(78, 205, 196, 0.1); padding: 20px; border-radius: 8px; margin-bottom: 25px;">
      <p style="font-size: 16px; line-height: 1.8; color: #555; margin: 0; text-align: justify;">
        <span>
          这里是文章内容示例。这个模板采用了扁平化设计风格，使用活泼的配色方案。正文区域添加了淡色背景，使内容更加突出。h1标题设为50px并使用醒目的红色，整体设计简洁现代，适合各种类型的内容展示。
        </span>
      </p>
    </div>

    <div style="text-align: right;">
      <a href="https://example.com" style="display: inline-block; background: #FFE66D; color: #333; text-decoration: none; padding: 10px 28px; border-radius: 8px; font-size: 16px; font-weight: 600; transition: all 0.3s;">
        <span>
          More
        </span>
      </a>
    </div>
  </div>
</section>